const { defineConfig } = require('@vue/cli-service')
const path = require('path')
module.exports = defineConfig({
  transpileDependencies: true,
  devServer: { // 代理服务器配置
    proxy: {
      '/api': { // 请求相对路径以/api开头，才会走这里的配置
        target: 'http://c.m.163.com', // 在请求的axios的url前面拼接这个地址：http://c.m.163.com
        changeOrigin: true, // 改变请求来源（欺骗后台你的请求是从http://c.m.163.com）
        pathRewrite: { // 请求路径重写
          '^/api': ''// 真实路劲中个 没有/api这段，所以要去掉这段才能正常请求
        }
      }
    }
  },
  publicPath: './', // 告诉webpack打包index.html引入其他资源文件以./开头
  css: {
    loaderOptions: {
      less: {
        // 若 less-loader 版本小于 6.0，请移除 lessOptions 这一级，直接配置选项。
        lessOptions: {
          modifyVars: {
            // 第一种方法：直接覆盖变量
            // 'nav-bar-background-color': ' #007bff',
            // 'nav-bar-title-text-color': 'white'
            // 第二种方法：或者可以通过 less 文件覆盖（文件路径为绝对路径）
            hack: `true; @import "${path.join(__dirname, '/src/style/cover.less')}";`
          }
        }
      }
    }
  }
})
